<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>NEC：更好的CSS方案</title>
<meta name="keywords" content="小说，免费小说，热门小说，言情小说，小说下载，漫画，图书，热点新闻，好文章，电子书，免费杂志，网易，阅读，网易云阅读"/>
<meta name="description" content="网易云阅读提供丰富的原创小说、畅销好书、热门新闻和文章免费在线阅读和下载。包括文学、传记、艺术、经济管理，官场小说、都市小说、言情小说，热血漫画，旅游、电影杂志等。手机上支持Android、iPhone、iPad、Android Pad、Windows Phone、Windows8等多平台免费下载！">
<meta name="baidu-site-verification" content="6NjRjkfBUp"/>
<meta name="viewport" content="width=device-width"/>
<!--reset-->
<link rel="stylesheet" href="./css/reset.css"/>
<!--引入function.css-->
<link rel="stylesheet" href="./css/function.css">
<!--引入style.css-->
<link rel="stylesheet" href="./css/style.css">
<link rel="shortcut icon" href="./favicon.ico"/>
<!--不考虑苹果系统-->
<link rel="apple-touch-icon" href="img/touchicon.png"/>
</head>
<body>
    <!--整个文档-->
<div class="g-doc">
    <!--头部-->
    <div class="g-hd">
        <!--顶部固定条-->
        <div class="m-topbar">
            <div class="inner f-cb">
                 <ul class="sns f-fl f-cb">
                    <li><a href="#">网易云阅读</a></li>
                    <li><span class="sep">|</span></li>
                    <li><a href="#">国风中文网</a></li>
                    <li><span class="sep">|</span></li>
                    <li><a href="#">采薇书院</a></li>
                    <li><span class="sep">|</span></li>
                    <li><a href="#">从电脑上导入书籍</a></li>
                    <li><span class="sep">|</span></li>
                    <li><a href="#" class="gzh">公众号</a>
                 
                 <div class="m-codelayer">
                    <img src="./images/code.png" alt="" srcset="">
                 </div>
                    </li>
                </ul>
                <div class="ulink f-fr f-cb">
                    <span class="layer">
                        <a href="#" class="login">
                            登录 
                                <!-- login 图层 -->
                            <div class="login-layer">
                                <ul>
                                  <li class="child1"><a href="#" >网易邮箱登录</a></li>
                                  <li class="child2"><a href="#">新浪微博登录</a></li>
                                  <li class="child3"><a href="#">手机号登录</a></li>
                                  <li class="child4"><a href="#">微信登录</a></li>
                                </ul>
                                <div class="sanjiao"><img src="./images/sanjiao.png" alt="" srcset=""></div>
                              </div>
                            </a> 
                    </span>                    
                    <span class="sep">|</span>
                    <a href="#">注册</a> <span class="sep">|</span>
                    <a href="#">举报</a> 
                    
                </div>
            </div>
         </div>
    </div>
    <div class="all-1">
        <div class="a">
            <ul class="a-">
                <li class="a-1">网易云阅读</li>
                <li class="a-2"><input type="text" class="a-3" value="唐诗里的人间烟火" ></li>
                <li class="a-4"><button><span>&nbsp;&nbsp;</span></button></li>
                <li>我的订阅</li>
                <li>我的书架</li>
            </ul>
        </div>

        <div class="all-2">
            <div class="b">
                <ul>
                    <li><a href="#">首页</a></li>
                    <li><a href="#">出版图书</a></li>
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="g-ft">
        
    </div>
</div>
</body>
</html>